/*通用 by william*/
ul,li,a,em,i{
    list-style: none;
    margin:0;
    padding:0;
}

*{
    /*font:12px/1.5 Microsoft YaHei, \5b8b\4f53, tahoma, arial, sans-serif;*/
    font:14px/1.5 'Hiragino Sans GB', 'Open Sans', Arial, 'Microsoft YaHei', 微软雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;'Hiragino Sans GB', 'Open Sans', Arial, 'Microsoft YaHei', 微软雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;
}
input:focus{outline:none;}
a,a:hover,a:link{
    text-decoration: none;
}
a:focus{
    border:none;
}

body{
    overflow-x:hidden;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.clear{
    clear: both;
}
.myCarousel {
    height:550px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img{
    width:100%;
    min-height: 550px;
}

.carousel-inner .item .hidden-xs{
    height:550px;width:100%;
}

.clear{
    clear:both;
}
.container{
    max-width:1200px;
    margin:0 auto;
    padding-left:0;
    padding-right:0;
}
.navbar-toggle{
    background:#1B3F9B;
}
.icon-bar{
    background:white;
}
/**/

.navs,.navs .nav li,.navs .nav li .navbar,.nav,.nav>ul>li ul,.nav>ul>li ul li{
    z-index: 9999;
}
.carousel-inner,#myCarousel{
    z-index:1;
}

/*分页*/
.pageNavi {
    padding: 30px 0 25px 0;
    margin: 10px auto 0;
    width: 100%;
    text-align: center;
    color:#6f6f6f;
}

.pageNavi li{display:inline-block}

.pageNavi li a{
    display:inline-block;
    color:#6f6f6f;
}
.pageNavi li strong{
    font-weight:bold;
}

.pageNavi li a:hover{
    color:#ff2222;
}
.met_page a,.met_page i{
    color:#666;
    display:block;
    float:left;
    height:22px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.met_page a:hover{
    color:#ff2222;
}

.met_page .pageleft{
    width:100%;
    height:22px;
    overflow:hidden;
}

.met_page .pageright{
    overflow:hidden;
    height:22px;
    width:100%;
}
.met_page a{
    width:80%;
}

.met_page{
    overflow:hidden;
    width:100%;
    margin:0 auto;
    margin-top:30px;
}

/*inner-banner*/
.inner-banner{
    max-width:1920px;
    margin:0 auto;
    background:url("../img/inner-banner.jpg") no-repeat center center;
    height:300px;
}

/*2018.1.31*/

#sitemap{
    /*width:100%;*/
    height:350px;
    border:1px solid #ccc;
}
#sitemap label{
    max-width:none !important;
}

/**/
#scroll-top{
    position:fixed;
    display:none;
    bottom: 10px;
    right: 25px;
    z-index: 9;
}
#scroll-top a{
    text-align:center;
    text-decoration:none;
    color:#d1d1d1;
    display:block;
    width:64px;
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
    -moz-transition:color 1s;
    -webkit-transition:color 1s;
    -o-transition:color 1s;
}
#scroll-top a:hover{
    color:#979797;
}
#scroll-top a{
    background:transparent url(../img/backTop.png) no-repeat;
    border-radius:6px;
    display:block;
    height:40px;
    width:40px;
    /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
    -moz-transition:background 1s;
    -webkit-transition:background 1s;
    -o-transition:background 1s;
}

#scroll-top a:hover{
    background:transparent url(../img/backTop_hover.png) no-repeat;
    display:block;
    height:40px;
    width:40px;
    border-radius:6px;
    transition: all .6s;
    -webkit-transition:  all .6s;;
}
/*write by william 2018.5.24*/
/*内页*/
.left-secondNav a,.pro-list ul li>a{border-bottom:1px dashed #ccc;}
.left-con span{display:block;font-size:14px;color:#888;padding:15px;line-height:24px;}
.left-con img,.timgNews img{display:none;max-width:100%;}
.left-con{background:#f8f8f8;margin-bottom:30px;margin-top:15px;}
.left-con h2{margin-top:0;}
/*2018.1.18产品页 bao*/
.product-box{
    margin-top:35px;
    margin-bottom:20px;
    padding-bottom:10px;
}

.pro-left{
    max-width:240px;
}

.pro-left h2{
    padding-left:15px;
    padding-top:15px;
    padding-bottom:15px;
    line-height: normal;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    margin-bottom:0;
    background: url("../img/icon1.png") no-repeat 85% center;
    background-color: #0E1B2E;
}
.pro-left h2{background-color:#0858B1;}

.pro-list ul li{
    /*margin-bottom: 1px;*/
    background:#f8f8f8;
}
.pro-list ul li>a{
    padding-top:10px;
    padding-bottom:10px;
    padding-left:20px;
    color:#808080;
    font-size:14px;
    display:block;
    border-left: 1px solid #f2f2f2;
}
.pro-list ul li>a:hover{
    /*border-left:1px solid #cf4c82;*/
    color:#cf4c82;
}
.pro-list ul li.current-btn>a{
    color:#cf4c82;
    /*border-left:1px solid #cf4c82;*/
}

.navigation-box h3{
    font-size:16px;
    font-weight:bold;
    line-height:54px;
    color:#666;
    float:left;
    margin-bottom:0;
}

.navigation-box .navigation{
    float:right;
    line-height:54px;
    margin-top:20px;
}

.navigation-box{
    overflow:hidden;
    color:#808080;
    border-bottom:1px solid #e5e5e5;
}

.navigation i,.navigation a{
    color:#808080;
    display:inline-block;
}
.navigation a:hover{
    color:#70ABFD;
}

.pro-container ul li a{
    display:block;
    border:1px solid #ddd;
    box-shadow:1px 2px 3px #ddd;

}

.pro-container ul li img{
    display:block;
    max-width:100%;
}

.pro-container ul li span{
    color:#333;
    display:block;
    line-height:40px;
    height:40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background:#eee;
    padding-left:15px;
    padding-right:15px;
}
.pro-container ul li{
    padding:12px;
    float:left;
}

.pro-container ul li a:hover{
    border:1px solid #0A8394;
    box-shadow:2px 2px 5px #aaa;
}
.pro-container ul li a:hover span{
    background:#e3e3e3;
    color:#70ABFD;
}

.pro-container ul li a:hover img{
    /*width:120% !important;*/
    /*height:100%;*/
}


/*分页*/
.pageNavi {
    padding: 30px 0 25px 0;
    margin: 10px auto 0;
    width: 100%;
    text-align: center;
    color:#6f6f6f;
}

.pageNavi li{display:inline-block}

.pageNavi li a{
    display:inline-block;
    color:#6f6f6f;
}
.pageNavi li strong{
    font-weight:bold;
}

.pageNavi li a:hover{
    color:#70ABFD;
}
.met_page a,.met_page i{
    color:#666;
    display:block;
    float:left;
    height:22px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.met_page a:hover{
    color:#70ABFD;
}

.met_page .pageleft{
    width:100%;
    height:22px;
    overflow:hidden;
}

.met_page .pageright{
    overflow:hidden;
    height:22px;
    width:100%;
}
.met_page a{
    width:80%;
}

.met_page{
    overflow:hidden;
    width:100%;
    margin:0 auto;
    margin-top:30px;
}

.pro-detail-t i{
    display:inline-block;
    color:#333;
}
.pro-detail-t{
    color:#333;
    width:266px !important;
    margin:0 auto;

}
.pro-detail{
    border-bottom:1px solid #d5d5d5;
    padding-bottom:10px;
}

.pro-detail h1{
    font-size:24px;
    font-weight:bold;
    text-align: center;
}

.pro-detail-box img{
    max-width:100%;
    display:block;
}

.pro-detail-box p{
    color:#333;
    line-height:28px;
}

.pro-detail-box{
    padding-bottom:50px;
}

/*news*/
.news-box ul li{
    border-bottom:1px dotted #d9d9d9;
    padding-bottom:25px;
    overflow:hidden;
    margin-top:25px;
}

.news-box ul li .news-img{
    display:block;
}
.news-img img{
    max-width:100%;
    margin:0 auto;
    vertical-align: middle;
    display:block;
    border:1px solid #ccc;
    /*border-radius:3px;*/
}

.news-list a{
    display:block;
    color:#333;
    font-size:15px;
    line-height:24px;
    height:24px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px;
    margin-bottom: 10px;
}

.news-list p{
    color:#808080;
    font-size:13px;
    line-height:22px;
    text-align:left;
    height:40px;
    overflow:hidden;
}

.news-box ul li:hover a{
    color:#CF4C82;
    font-weight:bold;
}
.news-list{padding-bottom:15px;}
.news-box ul li:hover{
    /*cursor: pointer;*/
    border-bottom:1px dotted #0365bc;
}

.news-box ul li:hover img{
    border:1px solid #0365bc;
}

.news-detail-box{
    margin-top:20px;
    min-height:200px;
}

.equipment ul li img{
    display:block;
    max-width:100%;
}
.equipment ul li{
    margin-top:15px;
}

/*contact*/
.contact-box h4{
    color: #666666;
    font-size: 13px;
    margin-top:30px;
    margin-bottom:20px;
    line-height:22px;
}
.contact-box{
    padding-bottom:30px;
}
.contact span{
    display:block;
    line-height:30px;
    font-size:13px;
    color:#666;
    padding-left:30px;
}
.contact span:hover{
    color:#70abfd;
}
.tel1{
    background:url("../img/contact.png") no-repeat left center;
}
.fax1{
    background:url("../img/print.png") no-repeat left center;
}
.mobile1{
    background:url("../img/phone.png") no-repeat left center;
}
.address1{
    background:url("../img/bank.png") no-repeat left center;
}
.online1{
    background:url("../img/invoice.png") no-repeat left center;
}
.email1{
    background:url("../img/email.png") no-repeat left center;
}
/*********/
.left-secondNav a{
    display:block;
    color:#8E8E8E;
    padding-left:36px;
    padding-top:10px;
    padding-bottom:10px;
    border-left:1px solid #F5F5F5;
}

.left-secondNav a:hover{
    /*border-left:1px solid #0073AA;*/
    background:#0E58AF;
    color:#fff;
    transition: all .5s;
}
.left-secondNav a{   transition: all .5s;}
.contact-box img{display:block;max-width:100%;}

.pro-list>ul>li:last-child a{border-bottom:1px dashed #ccc;}
.pro-list>ul>li:last-child{border-bottom:1px solid #ccc;}
.pro-list>ul>li>a,.left-secondNav a{border-left:1px solid #ccc;border-right:1px solid #ccc;}
.pro-list ul>li>a,.left-secondNav a{padding-right:10px;}
.left-con span{border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc; text-align: left;display:block;}
.pro-container ul li img{max-width:100%;margin:0 auto;}
.pro-container.photo-con ul li img{width:100%;margin:0 auto;}
.pro-container ul li span{text-align: center;}
.navigation-box{background:#0858B1;border-top-left-radius: 7px;border-top-right-radius: 7px;}
.pro-right{padding-top:20px;}
.navigation-box h3{margin-top:0px;color:#fff;}
.navigation-box .navigation{margin-top:0;}
.pro-container,.news-box,.pro-detail,.news-detail-box,.pro-detail-box,.about-content,.contact-content,.contact-box{background:#f8f8f8;padding:30px;padding-top:15px;box-shadow:2px 3px 3px #ccc;margin-top:0px;border-left:1px solid #dddddd;margin-bottom:5px;}
.news-detail-box{margin-top:0;}
#sitemap{box-shadow:2px 3px 3px #ccc;margin-top:0px;border-left:1px solid #dddddd;padding:15px;margin-bottom:5px;}
.left-con{margin-top:15px;}
.iw_poi_title{color:#FF6D00;font-weight:bold;}
/*2018.7.31*/
.timgNews{margin-bottom:15px;}
.pro-left{float:left;max-width:250px;}
.pro-right{width:75%;margin-left:2%;float:left;padding-top:0;}

.navigation i, .navigation a {
    color: #fff;
    display: inline-block;
}

.navigation{color:#fff;}
.navigation-box{padding:0 15px;}
.product-box .container{overflow:hidden;}
.pro-right .pro-container ul{overflow:hidden;}
.news-box ul li{padding:5px;margin-top:0px;}
.news-box ul li .news-img{display:none;}
.pro-detail{padding-bottom:15px;}
.pro-detail-t{margin-top:10px;}
.contact-box{margin-bottom:0;}
.pro-detail.mt0,.pro-detail.mt0{margin-bottom:0;}
.pro-detail-t,.pro-detail-t i{font-size:12px;}
.pro-detail-t{width:250px;margin:0 auto;margin-top:10px;}

.pro-left{width:250px;}
.pro-list ul{border-bottom:1px solid #DDDDDD;}
#JobContent tr td{padding:5px;}
#JobContent tr td span,#JobContent tr td div{color:#555;}
.pro-right .pro-detail-box{min-height:490px;}
.mt0{margin-bottom:0;}


.pro-list ul>li>a{background:#eee;border-bottom:1px solid #ccc;color:#333;font-weight:bold;}
.left-secondNav a{background:#ccc;color:#0858B1;border-bottom:1px solid #ddd;}
.left-con span{background:#fff;color:#444;}
.pro-list>ul>li:last-child a{border-bottom:none;}
.left-con span{display:block;text-align: left;font-size:15px;}
.left-con span i{display:block;color:#00a8ec;font-style: italic;font-size:20px;text-align: center;}
.left-line{border-top:1px solid #ddd;width:100%;height:1px;margin-top:10px;}
.left-con em{display:block;text-align: center;margin-top:15px;}
.left-con a{display:block;color:#fff;background:#0C60C0;border-radius:2px;text-align: center;height:32px;line-height:32px;width:92px;margin:0 auto;margin-top:10px;margin-bottom:15px;}
.pro-container ul li{width:33.33%;padding:5px;box-sizing: border-box;}
.pro-container ul li a{box-shadow:none;background:#fff;padding:10px;box-sizing: border-box;}
.pro-Img{height:140px;}
.pro-Img img{width:100%;background-size:cover;height:140px;}
.proCon{background:#fff;}
.pro-container ul li span{background:#fff;text-align: left;padding:0;height:auto;line-height:20px;white-space: normal;margin-top:10px;color:#20568a;font-size:16px;}
.pro-container ul li>a:hover span{background:#fff;}
.pro-container ul li em{color:#919191;font-size:13px;display:block;margin-top:10px;}
.proCon i{display:block;width:60px;height:1px;border-top:1px solid #ddd;margin-top:20px;margin-bottom:20px;}
.pro-detail,.news-detail-box{background:#fff;}
.news a{width:25%;float:left;color:#fff;background:#5E5E5E;height:46px;line-height:46px;border-right:1px solid #FFFFFF;box-sizing: border-box;text-align: center}
.news{overflow:hidden;}
.news-box{margin-top:30px;border-left:0;margin-right:3px;}
.news-box ul li{float:left;width:49%;box-sizing: border-box;border:1px solid #DDDDDD;margin-top:20px;padding:15px;}
.news-box ul li:nth-child(even){margin-left:2%;}
.news-box ul{overflow:hidden;}
.news-box ul li:hover{border:1px solid #0858B1;}
.news a:hover{background:#0858B1;transition: all 1s;}
.news a{transition: all 1s;}
.news a.current-a{background:#0858B1;transition: all 1s;}
#message_area{box-shadow:2px 2px 5px #ccc;}
#message_area div:first-child{border-left:1px solid #CCCCCC;border-right:1px solid #ccc;}
.pro-detail-box div:first-child{margin-bottom:15px;}

@media (min-width:990px) {
    .nav-ul{display:block !important;}
}
@media (max-width:990px) {
    .container{width:auto;}
    /*inner*/
    .hide-left .pro-left{display:none;}
    .pro-right{width:100%;margin:0;max-width:100%;}
    .product-box{margin-top:15px;}
    .bannerslide .swiper-slide{background-position: 35% center;}
    .inner-banner{width:100%;background-size:cover;min-height:150px;height:inherit;background-position:25% center;}
    .navigation-box .navigation{float:none;}
    .navigation-box{margin-top:15px;}
    .news-box ul li .news-img{display:none;}
    .news-box ul li{margin-top:0px;margin-bottom:5px;padding-bottom:15px;}
    .news-box{padding:15px;}
    .navigation-box h3,.navigation-box .navigation{line-height:40px;}
    .navigation-box h3{float:none;line-height:20px;padding-top:15px;}
    .pro-container ul{overflow:hidden;}
    .pro-list .timgNews{display:none;}
    .product-box{margin-top:0;padding:15px;padding-top:0;}
    .pro-container, .news-box, .pro-detail, .news-detail-box, .pro-detail-box, .about-content, .contact-content, .contact-box{border-right:1px solid #ddd;}
    .pageNavi{padding-top:15px;padding-bottom:15px;}
    .news-detail-box,.pro-detail-box{margin-bottom:5px;}
    #sitemap{height:250px;}
    .product-box{margin-bottom:0px;}

    .pro-left{float:none;max-width:100%;width:100%;margin-top:0;}
    .product-box{margin-top:20px;}
    .left-con{margin-top:15px;}
    .left-con{display:none;}
    .navigation-box{margin-top:0;}
    .homebox01{padding-top:30px;}
    .homebox04{padding-bottom:30px;}
    .homebox05{margin:15px 0;}
    .pro-right{margin-top:15px;}
    .pro-detail{overflow-x: scroll;}
    .pro-right .pro-detail-box{min-height:0px;padding:15px;overflow-x: scroll;}
    .pro-detail div img{max-width:100%;margin:0 auto;}
    .pro-container, .news-box, .pro-detail, .news-detail-box, .pro-detail-box, .about-content, .contact-content, .contact-box{padding:15px;}
    .pro-detail.mt0, .pro-detail.mt0{padding-bottom:0;box-shadow:0 0 0 #ddd;}
    .pro-detail-box img{display:block;max-width:100%;margin:0 auto;}

    .pro-yf,.news-box.download{min-height:0px;}
    .pro-yf img{display:block;margin:0 auto;max-width:100%; }
    .hide-left{display:none;}
    .pro-right{margin-top:0;}
    .mt15{margin-top:15px;}
    .contact-box h4{margin-top:5px;}

    /*2018.8.8 by william*/
    .mobile_nav{background:url("../img/icon_home.jpg") no-repeat;width:70px;height:70px;position:absolute;right:0;top:0px;}
    .indexBox2 .container{position:relative;}
    .top-r{display:none;}
    .indexBox1 span{float:none;text-align: center;}
    .logo{float:none;padding:15px;padding-bottom:5px;}
    .logo img{width:220px;}
    .logo{margin:0;}
    .nav-ul{float:none;}
    .nav-ul>li{width:25%;background:#f5f5f5;}
    .nav-ul>li>a{height:40px;line-height:40px;text-align: center;font-size:14px;}
    .nav-ul{overflow:hidden;}
    .nav-ul li.current-li a{
        color:#fff;
        background: -webkit-linear-gradient(#0A8394, #0A8190); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(#0A8394, #0A8190); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(#0A8394, #0A8190); /* Firefox 3.6 - 15 */
        background: linear-gradient(#0A8394, #0A8190); /* 标准的语法 */
    }
    .nav-ul{display:none;}
    .indexBox3{padding:15px;}
    .index-about ul li{width:100%;padding:15px;}
    .index-about{margin-top:15px;}
    .index-abd div{display:none;}
    .index-aboutT{padding-bottom:15px;}
    .index-about ul li:last-child{margin-left:0;margin-top:15px;}
    .index-abd p{max-height:105px;overflow:hidden;}
    .indexBox4{padding:15px;}
    /*.index-proNav a{width:31.33%;box-sizing: border-box;margin-left:1%;margin-right:1%;margin-top:5px;text-align: center;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}*/
    /*.index-proNav{margin-top:10px;}*/
    /*.index-proBox ul li{width:50%;padding-top:0;}*/
    /*.index-proBox{margin-top:15px;}*/
    .indexBox5{padding:15px;}
    .index-sb{margin-top:15px;}
    .index-sb ul li{width:100%;}
    .index-sbCon{padding:15px;}
    .indexBox6 .container{padding:15px;}
    .index-newsBox{margin-top:15px;}
    .index-newsBox ul li{width:100%;}
    .index-newsBox ul li:last-child{padding-left:0;border:none;margin-top:15px;}
    .index-newsBox ul li p{margin-top:10px;}
    .index-newsBox ul li i{margin-top:5px;}
    .footTop{padding:15px;}
    .footNav{display:none;}
    .footTop .baBox{float:none;margin-top:10px;}
    .footTop .footT{float:none;}
    .footT>a:first-child{float:none;display:inline-block;}
    .footT span{float:none;margin-left:0;display:inline-block;}
    .footT .friendLink{float:none;}
    .friendLink a{display:inline-block;}
    .indexBox7{margin-top:195px;padding-bottom:0;}
    .indexBox8{padding:15px;}
    .ba{float:none;display:block;}
    .index-sbCon i{margin-top:15px;}
    .index-newsBox ul li:first-child{padding-right:0;}
    .index-newsBox ul li{border:1px dashed #666;padding:0px 5px;margin-top:5px;}
    .box6Bg{height:auto;}
    .indexBox7{margin-top:0;}
    .indexBox6{min-height:375px;}
    .index-newsR ul{margin-top:15px;}
    .index-newsR ul li a span{line-height:26px;    background: url(../img/cursor.png) no-repeat 10px 11px}
    .index-newsBox ul li:last-child{padding-left:5px;margin-top:5px;}
    .index-newsR ul li a i{height:26px;line-height:26px;}
    .index-newsR ul li:first-child{padding-right:5px !important;}
    .index-aboutL{margin-top:0px;padding:15px;}
    .index-aboutL a{margin-top:15px;}
    .index-aboutR{display:none;}
    .index-feedback{padding:15px;margin:0;}
    .index-contact{float:none;width:100%;height:auto;}
    .index-feedBox{float:none;width:100%;margin-top:15px;height:auto;}
    .index-conL img{display:none;}
    .index-conL span{margin-left:10px;}
    .index-deedR {  float: left;  margin-left: 5%;  max-width: 75%;}
    .index-feedBox img {  float: left;  margin-top: 10px;  max-width: 20%;  }
    .footer1{display:none;}
    .footer{padding:15px;}
    .footer2{display:none;}
    .footLine{display:none;}
    .copyright a{display:none;}
    .copyB{display:none;}
    .index-proBox ul{padding-right:2px;box-sizing: border-box;padding-bottom:2px;}
    .navBox ul li>a:hover{color:#fff;}
    .pro-container ul li{width:100%;box-sizing: border-box;}
    .pro-detail-t{width:250px;}
    .pro-detail h1{font-size:20px;}
    .pro-detail.mt0, .pro-detail.mt0{background:#fff;}
    .hideL .pro-left{display:none;}
    .about img{display:block;margin:0 auto;max-width:100%;min-height:150px;}
    .secNav{display:none !important;}
    .pro-container ul li{float:left;width:50%;box-sizing: border-box}
    .pro-container.productBo{padding:5px;}
    .pro-container.productBo ul li img{height:100px;}
    .pro-container.productBo .pro-Img{height:100px;}
    .pro-container.productBo .proCon i{margin-top:10px;margin-bottom:10px;}
    .pro-detail-box div:first-child{margin-bottom:5px;}
}